<template>
	<view class="detail-item" :class="docZifei?'':'detail_items'" :style="content=='content'?'padding:0 10px!important':''">
		<view class="item-title">
			<view v-if="content!='content'" style="display: flex;align-items: center;color:#000000;font-weight: 700;" @click="docZifei?download({image:docZifei}):''">
				第三方费用
				<image  src="@/static/img/question.png" mode=""
				style="width: 30rpx;height: 30rpx;margin-left: 10rpx;" v-if="docZifei"></image>
			</view>
			<image v-if="docZifei" @click="gotoJiSuanQi()" style="width: 30rpx;height: 30rpx;" src="@/static/img/jisuanqi-icon.png" mode="aspectFit"></image>
		</view>
		<view class="item-intro intro_txt" :class="isDown ? 'heightMy' : ''">
			<view class="dian-box">
			  <view class="dian-icon">·</view>
				第三方费用是指国家政府部门或其他单位向您收取的法定费用。该费用不是律师收取，也不是法力平台收取。
			</view>
			<view class="dian-box">
			  <view class="dian-icon">·</view>
				第三方费用分为必有费用和或有费用。
			</view>
				<view class="dian-box">
			  <view class="dian-icon">·</view>
				或有费用并非必然产生，您不申请相关服务，就不会产生。如产生或有费用，由您按照相关发票支付给相关部门。
			</view>
			<view class="dian-box">
			  <view class="dian-icon">·</view>
				必有费用：
			</view>
			<view class="marginLeft10">
				立案受理费
			</view>
			<view class="dian-box">
			  <view class="dian-icon">·</view>
				或有费用：
			</view>
			<view class="marginLeft10">
			  财产保全费<br/>
				财产保全担保费<br/>
				异地被告身份证明查询费<br/>
				法院公告费<br/>
				勘验费<br/>
				鉴定费<br/>
				翻译费<br/>
				工商/房产/汽车查档费<br/>
				证人/鉴定人/翻译人员出庭的交通费、住宿费、生活费和误工补贴费<br/>
				律师应您要求到其执业区域以外办案产生的差旅费用<br/>
			</view>
			<view class="dian-box" v-if="content!='content'">
			  <view class="dian-icon">·</view>
			  <view style="position:relative;width:100%;text-align: justify;">
				如需了解各费用标准，请点击上面
				<image  src="@/static/img/question.png" mode=""
				style="width: 30rpx;height: 30rpx;position:absolute;top:10rpx" v-if="docZifei"></image>
				<a style="margin-left:16px">。</a>如需计算费用，请点击上面计算器。
			  </view>
			</view>
    </view>
		<!-- </template> -->
	</view>
</template>

<script>
export default {
	props: {
		docZifei: '',
    doc_zifei_img: {
      type:Array,
      default:[]
    },
	content:{
		type:String,
		default:'11'
	}
	},
	data() {
		return {
			isDown: false,
			isCollect: false
		};
	},
	methods: {
		down() {
			this.isDown = !this.isDown;
		},
		collect() {
			this.isCollect = !this.isCollect;
		},
		async download(item) {
            console.log(item.image)
			const nav = navigator.userAgent;
      console.log("====doc_jieduan2_img",this.doc_zifei_img)
      // this.jump('/pages/client/order/web-image', { url: this.doc_zifei_img,type:5})
      // uni.navigateTo({
      //   url: '../../../pages/client/order/disanfang'
      // });
      this.jump('/pages/client/order/disanfang')
    },
    gotoJiSuanQi(){
      const nav = navigator.userAgent;
      if (nav.indexOf('Android') > -1 || nav.indexOf('Adr') > -1) {
        let res = phone.gotoJiSuanQi(0);
      } else if (!!nav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
        this.$bridge.callhandler('gotoJiSuanQi', 0, res => {});
      }
    },
	}
};
</script>

<style lang="scss">
.heightMy {
	height: 160rpx;
	overflow: hidden;
}
.bold {
	font-weight: bold;
	color: #000 !important;
}
.detail_items{
  padding: 0px!important;
}
.detail-item {
	background-color: #ffffff;
	border-radius: 26rpx;
	margin-bottom: 20rpx;
	padding: 30rpx;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	.item-title {
		width: 100%;
		color: #aaa;
		margin-bottom: 20rpx;
		display: flex;
		justify-content: space-between;
	}
	.item-intro {
		width: 100%;
		line-height: 50rpx;
		.dian-box{
			display: flex;
			.dian-icon{
				width: 10rpx;
				margin-right:8rpx;
			}
		}
		.marginLeft10{
			margin-left: 18rpx;
		}
		.marginLeft20{
			margin-left: 20rpx;
		}
	}
	.item-down {
		width: 100%;
		text-align: right;
		.down-txt {
			color: #06b4fd;
			text-align: right;
		}
	}
}
</style>
